.index{
    width: 100%;
    overflow: hidden;
    position: relative;
    .search{
        width: 100%;
        box-sizing: border-box;
        padding: 0 25rpx 0 10rpx;
        position: fixed;
        top: 0;
        z-index: 99;
        height: 80rpx;
        display: flex;
        align-items: center;
        background: #fff; 
        div:nth-child(1){
            width: 115rpx;
            text-align: center;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-size: 20rpx;
            padding-right: 15rpx;
        }
        div:nth-child(2){
           flex: 1;
           position: relative;
           input{
               width: 100%;
               height: 56rpx;
               border-radius: 8rpx;
               background: #ededed;
               box-sizing: border-box;
               padding-left: 40rpx;
           }
           .icon{
               position: absolute;
               top: 15rpx;
               left: 10rpx;
               background: url('http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/icon-normal/search2-2fb94833aa.png') center no-repeat;
               background-size: 100%;
               width: 28rpx;
               height: 28rpx;
               margin-right: 10rpx;
           }
        }
    }
    .swiper{
        width:100%;
        height: 417rpx;
        margin-top: 80rpx;
        &-container{
            width: 100%;
            height: 100%;
            .swiper-item{
                width: 100%;
                height: 100%;
                .slide-image{
                    width: 100% !important;
                }
            }
        }
    }
    .channel{
        display: flex;
        padding: 20rpx 0;
        background-color: #fff;
        div{
            flex: 1;
            text-align: center;
            img{
                height: 58rpx;
                width: 58rpx;
                display: inline-block;
            }
        }
    }
    .brand{
        width: 100%;
        margin-top: 20rpx;
        background: #fff;
        .head{
            text-align: center;
            padding: 40rpx 0;
        }
        .content{
            width: 730rpx;
            margin: 0 auto;
            display: flex;
            //中间留出空隙
            justify-content: space-between;
            flex-wrap: wrap;
            div{
                width: 360rpx;
                height: 235rpx;
                margin-bottom: 10rpx;
                position: relative;
                div{
                    position: absolute;
                    top: 0;
                    left: 0;
                    padding: 10rpx; 
                    .price{
                        font-size: 24rpx;
                    }
                }
            }
            img{
                width: 100%;
                height: 100%;
            }
        }

    }
}